<template>  
  <view class="container">
    <view class="title">影视推荐</view>
    <view class="collect-list">
      <ConsultList :consultList="recommendList" />
    </view>
  </view>
</template>

<script>
import ConsultList from '@/components/consult-list/consult-list';
import * as api from '@/api/api';
export default {
  name: "recommend",
  components: {
    ConsultList
  },
  data() {
    return {
      recommendList: [] // 收藏列表
    };
  },
  onLoad() {
    this.getRecommendList();
  },
  created() {},
  mounted() {},
  methods: {
    async getRecommendList() {
      const {data: res} = await api.getRecommendList({
        page: this.currentPage
      });
      this.recommendList = res.data;
    }
  }
};
</script>
<style lang="scss" scoped>
  .container {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    .title {
      width: 690rpx;
      font-size: 30rpx;
      color: #000;
      padding-top: 20rpx;
    }
    .collect-list {
      width: 690rpx;
      margin-top: 30rpx;
    }
    .empty-notice {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      /deep/ .u-empty {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
    }
  }
</style>
